$(function(){
	//得到焦点时
	$('header input').focus(function () {
		$(this).prop("placeholder",'');
		$(this).css('width' , 200);
		$(this).prop('placeholder' , '');
		
	});
	
	//失去焦点时
	$('header input').blur(function () {
		$(this).prop("placeholder","可搜索摄影师、活动");
		$(this).css('width' , 150);
		$(this).prop('placeholder' , '可搜索摄影师丶活动');
		
	});
	
	
	//登录窗口的高
	$('#wai').css('height' , $(window).height());
	
	
	//实时监控
	$(window).resize(function () {
		$('#wai').css('height' , $(window).height());
	})
	//图片淡入淡出
	
	function fn() {
		setInterval(function () {
			$('#lb1 li').eq(i).css('opacity' , '1').siblings().css('opacity' , '0');
			$('#ball li').eq(i).css('background' , '#0099e5').siblings().css('background' , '#fff');
			i++;
			if (i > 3) {
				i = 0;
			}
		} , 5000);
	}
	fn();
	var i = 1;
	$('#ball li').each(function (x) {
		$('#ball li').eq(x).on('click' , function () {
			$(this).css('background' , '#0099e5').siblings().css('background' , '#fff');
			$('#lb1 li').eq(x).css('opacity' , '1').siblings().css('opacity' , '0');
			i = x;
		})
		
	})
	
	//实现底部滚动
	
	function fn1() {
		$('#center .c4').delay(4000).animate({
			"top":-41,
		} , 700 , function () {
			
			$('#center .c4').css('top' , 0);
			$('#center .c4 span:eq(0)').appendTo($('#center .c4'));
			fn1();
		})
		
		$('#center1 .c4').delay(4000).animate({
			"top":-41,
		} , 700 , function () {
			
			$('#center1 .c4').css('top' , 0);
			$('#center1 .c4 span:eq(0)').appendTo($('#center1 .c4'));
			fn1();
		})
		
	}
	fn1();
	
	
	
	//鼠标划过时出现
	$('#foot1 a').each(function (i) {
		
		$('#foot1 a').eq(i).on({
			'mouseover':function () {
				$('#foot1 a:eq('+i+') div:eq(1)').css('top' , 80);
			},
			'mouseout':function () {
				$('#foot1 a:eq('+i+') div:eq(1)').css('top' , 220);
			}
		})
		
	})
	
	//划过底部图片展示
	$('#picture a').each(function (i) {
		$('#foot1 a').eq(i).on({
			'mouseover':function () {
				$('#foot1 a:eq('+i+') div:eq(1)').css('top' , 80);
			},
			'mouseout':function () {
				$('#foot1 a:eq('+i+') div:eq(1)').css('top' , 220);
			}
		})
	})
	
	//划过picture上面的图片进行操作
	$('#picture a').on({
		'mouseover':function () {
			
			$(this).find('.src1').css('top' , -50);
			$(this).find('ul').css('top' , 199);
		},
		'mouseout':function () {
			
			$(this).find('.src1').css('top' , 0);
			$(this).find('ul').css('top' , 300);
			
		}
	})
		
	//点击显示登录注册
	
	//点击登录
	$('#lg2 li a').eq(1).on('click' , function () {
		$('#wai').css('display' , 'block');
		$('#cww').css('display' , 'block');
		$('#register').css('display' , 'block');
		$('#cww .f1').eq(0).css('color' , '#0099E5');
	})
	//点击注册
	$('#lg2 li a').eq(2).on('click' , function () {
		$('#wai').css('display' , 'block');
		$('#cww').css('display' , 'block');
		$('#register1').css('display' , 'block');
		$('#cww .f1').eq(1).css('color' , '#0099E5');
		
	})
	
	$('#cww .f1').each(function (i) {
		$('#cww .f1').eq(i).on('click' , function () {
			$(this).css('color', '#0099E5').siblings().css('color' , '');
			if (i == 0) {
				$('#register').css('display' , 'block');
				$('#register1').css('display' , 'none');
			} 
			if (i == 1) {
				$('#register').css('display' , 'none');
				$('#register1').css('display' , 'block');
			}
		})
	})
	
	//点击屏幕任何地方登录框消失
	$('#wai').on('click' , function () {
		$(this).css('display' , 'none');
		$('#cww').css('display' , 'none');
		$('#register').css('display' , 'none');
		$('#register1').css('display' , 'none');
		$('#cww .f1').css('color' , '');
	})
})


angular.module('myApp' , [])
.controller('MyCtrl' , function ($scope,$http) {

	$http.get('first')
	.then(function(res){
		$scope.arr = res.data.kai;
		
	});
	
//	$http.get('../json/bb.json')
//	.then(function(data){
//		$scope.arr1 = data.data.data;
//		
//		console.log($('#picture .car1'))
//		
//		
//	})
	
	
	
})
